.page {

    min-height: 100vh;
}

.headers {
    margin-top: 15rpx;
    width: 100%;
    text-align: center;

    input {
        background-color: #FFFFFF;
        height: 40rpx;
        padding: 15rpx 30rpx;
        text-align: center;
        width: 80%;
        margin-left: 5%;
        border-radius: 30rpx;

    }

}

.main {
    .title {
        width: 100%;
        display: flex;
        align-items: center;
        color: #04c3f3;
        margin-top: 30rpx;
        font-weight: 600;

        image {
            width: 100rpx;
            height: 100rpx;
        }
    }

    .table {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;

        .row {
            width: 100%;
            height: 100rpx;
            display: flex;
            align-items: center;
            justify-content: space-around;
            margin-top: 20rpx;

            .area,
            .item {
                margin-top: 0rpx;
                display: flex;
                align-items: center;
                justify-content: center;
                height: 100rpx;
                width: 100rpx;
                border-radius: 50%;
                background-color: #FFFFFF;
                color: #43c6ac;
            }

            .area {
                background-color: #1DAFF1;
                color: #FFFFFF;
            }

            .check {
                background-color: #43c6ac;
                color: #FFFFFF;
            }

        }

    }
}

.btn-list {
    margin-top: 100rpx;
    display: flex;
    align-items: center;
    justify-content: space-around;

    .btn {
        width: 300rpx;
        height: 100rpx;
        overflow: hidden;
        padding: 10rpx;
        background-color: #FFFFFF;
        border-radius: 120rpx;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;

        image {
            width: 100rpx;
            height: 100rpx;
        }
    }

    .primary {
        background-color: #04c3f3;
        color: #FFFFFF;
    }

    .second {
        background-color: #43c6ac;
        color: white;
    }
}